/* pages/upload/upload.wxss */
.sb {
  border: 2px solid red;
}
.screen {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30rpx;
  -webkit-overflow-scrolling: touch;
  background-color: #cfdfe8;
}
.form-box {
  height: 85vh;
  margin: auto auto;
  line-height: 300rpx;
  font-size: 2vh;
  margin-top: 10rpx;
  position: relative;
}

textarea {
  padding: 20rpx 20rpx;
  color: #fff;
  height: 180rpx;
  font-size: 40rpx;
  line-height: 50rpx;
}

.textarea-wrp {
  background-color: rgba(0,128,128,.2);
}
.img-picker-wrap {
  margin-top: 20rpx;
  margin-left: 20rpx;
  // border: 1px solid #000;
}
.picker-index--lin-image-picker__item--add{
  background-color: rgba(165, 175, 235, 0.1)!important;
}
.add{
  width: 100%;
  height: 100%;
  text-align: center;
  // background-color: #99999920;
}
.add-icon {
  margin: auto;
  height: 120rpx!important;
  width: 120rpx!important;
  margin-top: 24rpx;
  // border: 1px solid #000;
  display: block;
}
.add-text {
  font-size: 24rpx;
  font-weight: bold;
  color: #bfbfbf;
  display: block;
  height: 40rpx;
  line-height: 40rpx;
}


.location {
  border-radius: 50rpx;
  background-color: #eeeeee90;
  height: 65rpx;
  width: 300rpx;
  margin-top: 20rpx;
  margin-left: 20rpx;
  display: flex;
  justify-content: flex-start;
  align-items:center;
  padding-left: 20rpx;
  color: #666666;
}
.location text{
  margin-left: 15rpx;
}

.catagories {
  color: #000;
  height: 110rpx;
  line-height: 90rpx;
  border-bottom: 1rpx solid #aaaaaa70;
  margin-top: 30rpx;
}
.collapse-title {
  font-size: 40rpx!important;;
  color: #333!important;
}
.title{
  width: 100%;
  font-size: 37rpx;
  display: flex;
  align-items: center;
  justify-content: space-between ;
}
.title-container{
  margin-left: -15rpx;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.title-container l-icon{
  margin:0 40rpx;
}
.title-container l-icon:first-child {
  margin-left: 0;
  margin-right: 20rpx;
  // border: 1px solid #000;
  height: 62rpx;
  width: 62rpx;
  line-height: 62rpx;
  text-align: center;
  border-radius: 50%;
  background-color: #222222;
}
.catagory {
  height: 70rpx;
  text-align: center;
  line-height: 70rpx;
  margin-top: 20rpx;
  color:#fff;
  // border: 1px solid #000;
}
.catagory:first-child {
  // margin-top: -8rpx;
}

.catagory-title{
  height: 100%;
  float: left;
  width: 100rpx;
  line-height: 70rpx;
  font-size: 37rpx;
  font-weight: 600;
  color: #555;
  margin-left: 42rpx;
}
scroll-view {
  width: 64vw;
  height: 66rpx;
  float: left;
  // border: 1px solid #000;
  white-space: nowrap;
  // overflow-anchor
}
.catagory-item {
  min-width: 100rpx;
  // height: 66rpx;
  // background-color: #fff;
  background-color: rgba(165, 175, 235, 0.25)!important;
  // float: left;
  display: inline-block;
  margin-left: 20rpx;
  border-radius: 33rpx;
  line-height: 66rpx;
  color: #33333399;
  font-size: 30rpx;
}

.public {
  position: absolute!important;
  bottom: -20rpx!important;
  right: 50rpx;
  width: 220rpx;
  height: 220rpx!important;
  background-color: rgba(0,128,128,.65)!important;
  // font-size: 37rpx!important;
}
.button-text{
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 70rpx;
  font-size: 50rpx!important;
  padding-top: 68rpx;
  letter-spacing: 10rpx;
  font-family: 'Ma Shan Zheng',cursive;
  color: #efefef;
}
